import React, { Component } from 'react';
import { BrowserRouter } from 'react-router-dom';
import State from './1.定义状态'
import EventFn from './2.事件处理-更改this指向'
import DemoForm from './3.受控与非受控组件'
import DemoComment from './5.发表评论'
import FromInput from './6.formInput'
import DemoParent from './7.组件间传值(通信)/父传子/Parent'
import DemoP1 from './7.组件间传值(通信)/子传父/parent'
import ParentRef from './7.组件间传值(通信)/父传子/父传子--ref&refs/parent'
import CompComment from './5.发表评论组件化'
import BaiduNode from '../baidu/baidu'
import StrideParent from './7.组件间传值(通信)/跨级组件通信/parent'
import TodoList from '../todolist/todolist'
import DemoClass from '../案例/9.class为数组形式/class为数组形式'
import ClassIndex from './10.css模块化/classIndex'
import ImageScr from './11.引用本地资源图片/imageSrc'
import Life from './12.类组件的生命周期/Life'
import DemoLazyIndex from './13.异步组件懒加载/index'
import DemoHooks from './14.Hooks/Hooks'
// import Tolist from '../list/list';
import ListFc from '../list/list函数'
import ShopList from '../shopList/shopList'
import ConTodoList from '../案例/14.Hooks/context/todoList'
import CallbackParent from '../案例/14.Hooks/useCallback/useCallbackParent'
// class Dome extends Component {
//     render() { 
//         return (<>
//             {/* <h2>案例（知识点）</h2> */}
//             {/* <State /> */}
//             {/* <EventFn /> */}
//             {/* <DemoForm /> */}
//             {/* 发表评论 */}
//            {/* <DemoComment /> */}
//            {/* 活动 */}
//            {/* <FromInput /> */}
//            {/* 父传子 */}
//            {/* <DemoParent/> */}
//            {/* 子传父 */}
//            {/* <DemoP1/> */}
//            {/* 父传子 ref/refs */}
//            {/* <ParentRef/> */}
//            {/* 发表评论组件化 */}
//            {/* <CompComment/> */}
//            {/* 百度 */}
//            {/* <BaiduNode /> */}
//            {/* 跨级组件 */}
//            {/* <StrideParent/> */}
//            {/* todolist */}
//            {/* <TodoList/> */}
//            {/* class为数组形式 */}
//            {/* <DemoClass/> */}
//            {/* css模块化 */}
//            {/* <ClassIndex/> */}
//            {/* 引用本地资源图片 */}
//             {/* <ImageScr /> */}
//             {/* 类组件的生命周期 */}
//             {/* <Life/> */}
//             {/* 异步组件（组件懒加载lazy） */}
//             {/* <DemoLazyIndex/> */}
//             {/* hooks */}
//             <DemoHooks/>
//             {/* 自定义todolist */}
//             {/* <Tolist/> */}
//             {/* <ListFc/> */}
//         </>);
//     }
// }
 const Dome=()=>{
    return(<>
    {/* <h2>Todolist</h2> */}
    {/* <ListFc/> */}
    <ConTodoList/>
        {/* <ShopList/> */}
        {/* <DemoHooks/> */}
        <CallbackParent/>
    </>)
 }
export default Dome;